
window.onload=()=>{
  let itemsDOM=document.getElementById('items'),
      submitBtn=document.getElementById('submit');

  //点击提交按钮，发送post请求，将获得数据提交给服务器，服务器端再对他进行处理
  submitBtn.onclick=()=>{
    //点击提交以后.将数据提交到远程服务器上面
    let item=document.getElementById('item');
    fetch('http://192.168.52.144:8080/todo', {method: 'POST', body: 'item='+item.value}).then(res => { res.text().then(txt => console.log(txt)) });
  };

  fetch('http://192.168.52.144:8080/todo').then(res => {res.text().then(txt =>{
      //获得服务端返回的数据，然后解析为对象
      let items = JSON.parse(txt).data;
      console.log('获取服务端的信息:',items);
     itemsDOM.innerHTML= items.map(item=>'<li>' + item + '</li>').join('\n');

 });

});

};
